import { createRouter , createWebHistory } from 'vue-router' 
import Home from '../views/Home.vue'

const routes = [
    {
        path: '/home',
        component: Home
    },
    {
        path:'/bot',
        component: ()=>import('../views/Bot.vue')  //懒加载，加快项目的加载速度
    },
    {
        path:'/hot/:id',
        name:'hot',
        component: ()=>import('../views/Hot.vue'),
        props:true  // 路由传参 
    }
] 

const router = createRouter({
    history: createWebHistory(),  // 创建了一个路由
    routes:routes,  // 路由规则  右边可以随便写，左边不行，因为左边是个key

})

export default router  // 导出路由实例 默认抛出引入的时候不用{} 反之则要